css使元素不可见的三个方法:display: none / visibility: hidden / opacity: 0

  • display: none
    隐藏元素不占据空间结构,子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。
  • visibility: hidden
    隐藏元素占据空间结构,子元素显示状态可根据需求设置不受父元素设置影响,会引起重绘,不会遮挡其他元素的触发事件。
  • opacity: 0
    隐藏元素占据空间结构,子元素显示状态状态始终跟父元素保持一致,不一定引起重绘,会遮挡其他元素的触发事件。

哗哗的酱紫
3 声望1 粉丝